import "@/index.css";
import { Input } from "antd";

interface ColorDemoProps {
  color: string;
}

export const ColorDemo = (props: ColorDemoProps) => {
  const { color } = props;
  return (
    <div>
      颜色查看器：
      <Input
        className="w-[200px] h-8"
        type="text"
        placeholder="请输入颜色代码"
        style={{ backgroundColor: color }}
      />
    </div>
  );
};
